adminlte是免费的吗（前端什么框架更好用）

前端框架好不好用还是要具体情况具体分析，我这边给你推荐11个常用的框架，你可以按需使用。

1：vue-element-admin

一个基于 vue2.0 和 Eelement 的控制面板 UI框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板以及非常的成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。

2：AdminLTE

非常流行的基于 Bootstrap 3.x 的免费的后台 UI框架，这是一个非常老牌的后台管理系统模板，每个页面都是单独的html网页，适合前端入门新手来做项目。

3：ant-design-pro

这个就不多说了，选择react技术栈的童鞋们必然离不开这个优秀开箱即用的中台前端/设计解决方案，文档齐全，组件丰富，一键生成模板，更支持开启复制粘贴模式哦。

4：ng2-admin

这是基于 Angular 2, Bootstrap 4 和 Webpack的后台管理面板框架，要说前面已经有了react和vue技术栈的模板，那怎么能少的了ng的?虽然在国外用的比较多，国内较少使用，但丝毫不影响ng作为前端框架三大巨头之一的地位呀。

5：Gentelella

Gentelella 是一个可免费使用的 Bootstrap 管理界面模版，使用群体比较广泛。这个模版使用默认的 Bootstrap 3的样式，还有一系列功能强大的 jQuery 插件和工具，可快速创建管理界面模版或者后台的 Dashboard。

6：iview-admin

iView admin 是基于 iView 的 Vue 2.0 控制面板。搭配使用 iView UI 组件库形成的一套后台集成解决方案 。

7：blur-admin

BlurAdmin 是一款使用 AngularJs + Bootstrap实现的单页管理端模版，视觉冲击极强的管理后台，各种动画效果。

8：vue-manage-system

vue-manage-system，一个基于 Vue.js 和 element-ui的后台管理系统模板，挺喜欢这个界面的UI，简约清晰不累赘，多功能的后台框架模板，适用于绝大部分的后台管理系统开发。

9：material-dashboard

基于 Bootstrap 4 和 Material 风格的控制面板。Material Dashboard 是一个开源的 MaterialBootstrap Admin，其设计灵感来自谷歌的 Material Design 。

10：d2-admin

D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案，基于 vue.js 和 ElementUI 的管理系统前端解决方案 ，小于 60kb的本地首屏 js 加载,已经做好大部分项目前期准备工作

11：vuestic-admin

vuestic-admin管理台仪表盘是一个响应式的仪表盘模板，采用Bootstrap4和Vue.js构建。这个精美的管理台模板提供了自定义元素组件，如地图，聊天，个人资料卡，图标，进度条等，以及用于登录和注册的预建页面。

Web 开发中几乎的平台都需要一个后台管理，但是从零开发一套后台控制面板并不容易，幸运的是有很多开源免费的后台控制面板可以给开发者使用，那么有哪些优秀的开源免费的控制面板呢？我在 Github 上收集了一些优秀的后台控制面板，并总结得出 Top 10。

1. AdminLTE

Github Star 数 24969 ， Github 地址：

非常流行的基于 Bootstrap 3.x 的免费的后台 UI 框架。2. vue-Element-Admin

Github Star 数 19546， Github 地址：

一个基于 vue2.0 和 Eelement 的控制面板 UI 框架。3. tabler

Github Star 数 15870， Github 地址：

构建在 BootStrap 4 之上的免费的 HTML 控制面板框架4. Gentelella

Github Star 数 15654， Github 地址：

一个基于 Bootstarp 的免费的后台控制面板。5. ng2-admin

Github Star 数 13181， Github 地址：

基于 Angular 2, Bootstrap 4 和 Webpack 的后台管理面板框架。6. ant-design-pro

Github Star 数 12707，Github 地址：

开箱即用的中台前端/设计解决方案7. blur-admin

Github Star 数 9241，Github 地址：

基于 Angular 和 Bootstrap 的后台管理面板框架。8. vue-admin

Github Star 数 8676，Github 地址：

基于 Vue 和 Bulma 的控制面板。9. iview-admin

Github Star 数 8668，Github 地址：

基于 iView 的 Vue 2.0 控制面板。10. material-dashboard

Github Star 数 7111，Github 地址：

基于 Bootstrap 4 和 Material 风格的控制面板。

各大前端框架可以按照“封装度”的标准来区分。 设计刚出的一套网页皮肤，封装度为0。层层封装到可以直接用后台语言写页面，封装度为10。那么我是这样来区分前端框架的。1级——纯html+css 放5年前，基本就是用Dreamweaver刚排出来的页面或者网页查看源代码扒下来的皮肤。不涉及到js，就是纯页面皮肤。2级—— bootstrap系列 bootstrap的出现是一个里程碑事件。发源于twitter，引入了不少html5/css3的特性。由于它对响应式的支持以及良好的体验，给人一种耳目一新的感觉。其源码，不管是css还是js都值得学习一下，看后经常会有“原来还可以这样做”这种恍然大悟的感觉。不过归根结底是一套ui皮肤+少量js组成的框架，属于封装度偏低的框架。3~4级—— metronic/adminLTE系列 基于bootstrap或者其他1级框架，然后集成了各种jQuery插件、富文本器等js库，组成的一个大杂烩工具包和案例库。皮肤基本是基于bootstrap自定义的一套主题。案例比较详尽，开发的时候找到需要的组件把前端代码复制粘贴，再稍微调试一下就能达到良好的视觉效果。根据集成的第三方库的多少，基本可以划分到3~4级封装度这样的范围。这个级别的框架的代码更多的是属于粘合剂，将各种不同的第三方库的前端代码粘合起来。5级—— jQuery-ui 这里要单独把jQuery-ui拿出来讲，并不是因为它的封装度有多高，而是我认为它是一个分界点。jQuery以下级别的框架，代码以css为主，自身的js代码少，框架量级更轻，更灵活，更适合互联网web产品。jQuery以上级别的框架，属于前端的重度封装，通过框架暴露的接口进行开发，开发人员甚至不需要太多前端知识，只需要详细查看框架的开发文档即可。jQuery以上级别的框架更适合传统管理软件的开发。6~7级—— easy-ui/DWZ easy-ui基于jQuery-ui，不过具有更丰富的组件库。貌似商业版收费很高。听说某大型国企花了大价钱购买下来使用。DWZ是国产框架中我认为综合表现还不错的，完全免费，有问题可以在他们的QQ群里提。其余的之前还用过金蝶的operamasks-ui，不过现在好像已经不更新了。这一类级别的框架还有一个另外的称呼——“富客户端框架”，意思就是重度js框架。使用起来开发效率很高，当年也是一度百花齐放，框架辈出。8级—— extjs系列 extjs属于前端框架领域中的庞然大物，封装程度很高，具有自成体系的元素选择引擎和浏览器兼容方案，js写法上也有自己的方式。组件很多很全。只看extjs的官方文档和示例几乎不必学习任何其他的前端知识就可以做出“很漂亮”的前端页面。当然页面很容易“撞衫”。使用时间长了，会对其产生严重依赖，离开extjs，几乎不会写前端页面了。9级——vaadin/GWT 最后一级，也是封装度最高的一级，也就是所谓的使用后台语言写前端。如果说之前的八级至少前端和后端还是相对分离的，后台程序在java中写，前台程序在html或者js中写；那么这一级别的框架简直会颠覆你的认知！只需在后台使用java写好了类和对象，并设置好相关的属性，网页的元素是自动通过后台对象生成的。这当然有好处，妈妈再也不用担心我不会写js和css了。然而就学一下html/css/js真的那么难吗？个人认为，尽管GWT有google的这么强悍的背书，但是这种9级封装的本质上把前后台耦合得更紧密。一个人做一个项目还可以考虑，但是一个团队前后台分离、模块化开发的时候，使用这种框架是一种灾难！所以我是极度不建议使用9级封装框架的。综上，针对不同的编程方式，给出以下参考：1 DOP（Deadline Oriented Program，面向截止日期编程）的程序猿们有两种选择：a、努力学习html/css/js，使用2~3级框架；b、看不上前端代码的，6~8级是不错的选择。对于业务优先、老板整天嚷嚷时间有多紧、客户有多急切的项目，你可以直接选b了，我觉得老板是不会给你时间学习html/css/js的。2 EOP（Experience Oriented Program，面向用户体验编程）的程序猿们，大多数做的是追求极致用户体验的互联网产品吧。那果断选1级封装度的框架，可适当借鉴2~4级的框架。3 MOP（Money Oriented Program，面向人民币编程）对于一直做后台，趁过年放假想赚个外快的程序猿们，我知道你们也不想在前端领域有多大发展，搞好后台就足够一辈子衣食无忧了，所以还是选择6~8级吧。此外，需要考虑搜索引擎优化的项目，慎用富客户端或者重ajax应用。

前端框架好不好用还是要看具体情况分析，我这里给你推荐几个常用的框架，可以按需使用。

1、vue-element-admin

一个基于vue2.0和Element的控制面板UI框架，这是使用vue技术栈开发的前端程序员的首选管理系统模板，模板已经非常成熟了，并且有相关的社区和维护人员，开发时候遇到问题也不要慌。

2、AdminLTE

非常流行的基于Bootstrap 3.x的免费的后台UI框架，这是一个非常老牌的后台管理系统模板，每个页面都是单独的html网页，适合前端入门新手用来做项目。

3、ant-design-pro

这个就不多说了，选择react技术栈的童鞋们必然离不开这个优秀开箱即用的中台前端/设计解决方案，文档齐全，组件丰富，一键生成模板，更支持开启复制粘贴模式哦。

4、ng2-admin

这是基于Angular 2、Bootstrap 4和webpack的后台管理面板框架，要收前面已经有了React和vue技术栈的模板，那怎么能少了ng的？虽然在国外用的比较多，国内较少使用，但丝毫不影响ng作为前端框架三巨头之一的地位。

5：Gentelella

Gentelella 是一个可免费使用的 Bootstrap 管理界面模版，使用群体比较广泛。这个模版使用默认的 Bootstrap 3的样式，还有一系列功能强大的 jQuery 插件和工具，可快速创建管理界面模版或者后台的 Dashboard。

6：iview-admin

iView admin 是基于 iView 的 Vue 2.0 控制面板。搭配使用 iView UI 组件库形成的一套后台集成解决方案 。

7：blur-admin

BlurAdmin 是一款使用 AngularJs + Bootstrap实现的单页管理端模版，视觉冲击极强的管理后台，各种动画效果。

8：vue-manage-system

vue-manage-system，一个基于 Vue.js 和 element-ui的后台管理系统模板，挺喜欢这个界面的UI，简约清晰不累赘，多功能的后台框架模板，适用于绝大部分的后台管理系统开发。

9：material-dashboard

基于 Bootstrap 4 和 Material 风格的控制面板。Material Dashboard 是一个开源的 Material

Bootstrap Admin，其设计灵感来自谷歌的 Material Design 。

10：d2-admin

D2Admin 是一个完全 开源免费 的企业中后台产品前端集成方案，基于 vue.js 和 ElementUI 的管理系统前端解决方案 ，小于 60kb的本地首屏 js 加载,已经做好大部分项目前期准备工作

11：vuestic-admin

vuestic-admin管理台仪表盘是一个响应式的仪表盘模板，采用Bootstrap4和Vue.js构建。这个精美的管理台模板提供了自定义元素组件，如地图，聊天，个人资料卡，图标，进度条等，以及用于登录和注册的预建页面。

github地址： 基于 Bootstrap 4 和 Material 风格的控制面板

然发现自己用的AdminLTE框架左侧侧边栏...满心欢喜准备关闭页面的时候,测试几下,发现没有动画

FastAdmin是一款基于ThinkPHP5+Bootstrap的极速后台开发框架。

它的主要特性如下：

基于Auth验证的权限管理系统

支持无限级父子级权限继承，父级的管理员可任意增删改子级管理员及权限设置

支持单管理员多角色

支持管理子级数据或个人数据

强大的一键生成功能

一键生成CRUD,包括控制器、模型、视图、JS、语言包、菜单、回收站等

一键压缩打包JS和CSS文件，一键CDN静态资源部署

一键生成控制器菜单和规则

一键生成API接口文档

完善的前端功能组件开发

基于AdminLTE二次开发

基于Bootstrap开发，自适应手机、平板、PC

基于RequireJS进行JS模块管理，按需加载

基于Less进行样式开发

基于Bower进行前端组件包管理

强大的插件扩展功能，在线安装卸载升级插件

通用的会员模块和API模块

共用同一账号体系的Web端会员中心权限验证和API接口会员权限验证

二级域名部署支持，同时域名支持绑定到插件

多语言支持，服务端及客户端支持

强大的第三方模块支持(CMS、博客、知识付费问答、在线投票系统、在线客服、移动端商城)

支持CMS、博客、知识付费问答无缝整合Xunsearch全文搜索

第三方小程序支持(预订小程序、问答小程序、活动报名小程序、商城小程序、博客小程序)

整合第三方短信接口(阿里云、腾讯云短信)

无缝整合第三方云存储(七牛、阿里云OSS、又拍云)功能

第三方富文本器支持(Summernote、Kindeditor、百度器)

第三方登录(QQ、微信、微博)整合

第三方支付(微信、支付宝)无缝整合，微信支持PC端扫码支付

丰富的插件应用市场

Gentelella Bootstrap Admin Template

Live Demo ｜ Download

415 Dashboard Template

Live Demo ｜ Download

AdminLTE Control Panel Template

Live Demo ｜ Download

BCORE – Bootstrap Free Admin Template

Live Demo ｜ Download

BEST ADMIN

Live Demo ｜ Download

Binary Admin – Free Bootstrap Admin Template

Live Demo ｜ Download

Bootply Snippet – Bootstrap 3 Control Panel

Live Demo ｜ Download

Bootstrap Admin Theme 3

Live Demo ｜ Download

Bootstrap Admin Theme

Live Demo ｜ Download

Bootstrap Metro Dashboard

Live Demo ｜ Download

Charisma Responsive Multiple Skin Admin Template

Live Demo Download

Clean Dashboard Responsive Bootstrap UI Theme

Live Demo ｜ Download

Dark Admin Bootstrap Theme

Live Demo ｜ Download

Dashboard Sidebar Bootstrap Template

Live Demo ｜ Download

DASHGUM – FREE Bootstrap Admin Template

Live Demo ｜ Download

Deep Blue Admin Bootstrap Theme

Live Demo ｜ Download

DevOOPS V2 Bootstrap 3 Admin Theme

Live Demo ｜ Download

Dream Free Bootstrap Admin Template

Live Demo ｜ Download

Edmin – Responsive Bootstrap Admin Template

Live Demo ｜ Download

Free Bootstrap Admin Template

Live Demo Download

Free Bootstrap Admin Theme

Live Demo ｜ Download

Free HTML5 Admin Template

Live Demo ｜ Download

Free Responsive Bootstrap Joli Angular JS Admin Template

Live Demo ｜ Download

Free Responsive Horizontal Admin Template

Live Demo ｜ Download

Free Simple Responsive Admin

Live Demo ｜ Download

Free Support Center Admin Template

Live Demo ｜ Download

HTML5 Admin

Live Demo ｜ Download

Insight Bootstrap HTML5 Admin Template

Live Demo ｜ Download

JANUX – Free Responsive Admin Dashboard Template

Live Demo ｜ Download

KAdmin – Free Responsive Admin Dashboard Template

Live Demo ｜ Download

Karaca Bootstrap Admin Theme

Live Demo Download

Karmanta Lite – Free Admin Template

Live Demo ｜ Download

Light Way Admin Bootstrap Theme

Live Demo ｜ Download

Lumino: Free Bootstrap Admin Template

Live Demo ｜ Download

Master Bootstrap HTML5 Admin Template

Live Demo ｜ Download

Matrix Bootstrap Admin Template

Live Demo ｜ Download

Meritoo Bootstrap 3 Admin Theme

Live Demo ｜ Download

Metis – Twitter Bootstrap Admin Template

Live Demo ｜ Download

Nice Admin – Free Bootstrap Admin HTML Template

Live Demo ｜ Download

Polymer Admin Starter Template

Live Demo ｜ Download

RDash Admin Dashboard Template

Live Demo ｜ Download

Responsive Bootstrap Advance Admin Template

Live Demo ｜ Download

SB Admin 2 – Bootstrap Admin Template

Live Demo ｜ Download

SB Admin – Bootstrap Admin Template

Live Demo ｜ Download

SIMINTA – Free Bootstrap Admin Template

Live Demo ｜ Download

Single Page Admin Theme

Live Demo ｜ Download

TemplateVamp – Twitter Bootstrap Admin Template

Live Demo ｜ Download

Two Page – Free Bootstrap Admin Template

Live Demo ｜ Download

Zontal Admin – Free Responsive Admin Template

Live Demo ｜ Download